ReactのMain Concept:7. Conditional Rendering
Reactでは、Applicationのステートに基づいて、componentを独立してレンダリングできる
全部レンダリングしなくていい
Reactに条件付きでレンダリングさせたい場合、JSの演算子を使える
Element Variables
他の出力を変えずにcomponentの一部をレンダリングできる
JSXにおけるinlineの条件分岐はいくつか方法がある(次で説明する)
Inline If with Logical && Operator
{statement && <el></el>}
Inline If-Else with Conditional Operator
{statement ? <el></el> : <el></el>} /vtuber/える.icon
Preventing Component from Rendering
他のコンポーネントによってレンダリングされたコンポーネントを隠したい/vtuber/月ノ美兎.iconときがある
nullを返せば良い
他のlifecycle methodの発火に影響しない
componentDidUpdateとかは呼ばれる